<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../../public/stylesheets/lz.css">
    <link rel="stylesheet" type="text/css" href="../../../public/stylesheets/style.css">
    <link rel="stylesheet" type="text/css" href="../../../public/stylesheets/bootstrap.css">
    <script type="text/javascript" src="../../../public/javascripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../../../public/javascripts/bootstrap.js"></script>
    <style>
        .spanUserList {
            font-family: 'Arial Negreta', 'Arial';
            font-weight: 700;
            font-style: normal;
            font-size: 32px;
            color: #333333;
            text-align: left;
            line-height: normal;
            width: 50px;
            padding-left: 15px;
        }
    </style>

    <script type="text/javascript">location.href="?#";
        $(document).ready(function () {
            $("#top").load("../top.html");
            $("#left").load("../left.html");
//            $("#bottom").load("../bottom.html");
        });

    </script>
</head>

<body >

<div id="top"></div>
<div class="container-fluid" style="margin-top: 20px;">
    <div class="row">
        <div class="col-md-1">
        </div>
        <!--左侧导航栏开始-->
        <div id="left" class="col-md-2">
        </div>
        <!--左侧导航栏结束-->

        <!--右侧正文内容开始-->
        <div class="col-md-8 bodyDiv" id="right">
            <div class="row">
                <div class="col-md-6" style="padding-top: 20px;">
                    <span class="spanUserList">用户列表</span>
                </div>
                <form class="form-horizontal" role="form">
                    <div class="col-md-2" style="padding-top: 30px;">
                        <select class="form-control">
                            <option value="请选择">请选择</option>
                            <option value="用户姓名">用户姓名</option>
                            <option value="性别">性别</option>
                            <option value="手机号码">手机号码</option>
                            <option value="邮箱">邮箱</option>
                            <option value="生日">生日</option>
                            <option value="地址">地址</option>
                        </select>
                    </div>
                    <div class="col-md-2" style="padding-top: 30px;">
                        <input type="text" class="form-control" placeholder="查询条件">
                    </div>
                    <div class="col-md-2" style="padding-top: 30px;">
                        <input type="submit" class="btn btn-primary" value="搜索">


                        <button type="button" class="btn btn-primary" onclick="window.location.href='addUser'">增加</button>
                    </div>
                </form>
            </div>
            <div class="row">
                <div class="col-md-12" style="height: 330px;min-height: 330px;">
                    <table id="table1" class="table table-striped" style="width: 100%;table-layout:fixed;">
                        <caption></caption>
                        <thead>
                        <tr>
                            <th>用户编号</th>
                            <th>用户姓名</th>
                            <th>性别</th>
                            <th>手机号码</th>
                            <th>邮箱</th>
                            <th>生日</th>
                            <th>地址</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>20150001</td>
                            <td>Bangalore</td>
                            <td>男</td>
                            <td>12345678901</td>
                            <td title="123456@qq.com">123456@qq.com</td>
                            <td>1995/01/01</td>
                            <td title="厦门市软件园2期望海路65号北楼9层朗新科技股份有限公司">厦门市软件园2期望海路65号北楼9层朗新科技股份有限公司</td>
                            <td>
                                <a href="#">修改</a>
                            </td>
                        </tr>
                        <tr>
                            <td>20150001</td>
                            <td>Bangalore</td>
                            <td>男</td>
                            <td>12345678902</td>
                            <td title="123456@qq.com">123456@qq.com</td>
                            <td>1995/01/01</td>
                            <td title="厦门市软件园2期望海路65号北楼9层朗新科技股份有限公司">厦门市软件园2期望海路65号北楼9层朗新科技股份有限公司</td>
                            <td>
                                <a href="#">修改</a>
                            </td>
                        </tr>
                        <tr>
                            <td>20150003</td>
                            <td>Bangalore</td>
                            <td>男</td>
                            <td>12345678901</td>
                            <td title="123456@qq.com">123456@qq.com</td>
                            <td>1995/01/01</td>
                            <td title="厦门市软件园2期望海路65号北楼9层朗新科技股份有限公司">厦门市软件园2期望海路65号北楼9层朗新科技股份有限公司</td>
                            <td>
                                <a href="#">修改</a>
                            </td>
                        </tr>
                        <tr>
                            <td>20150003</td>
                            <td>Bangalore</td>
                            <td>男</td>
                            <td>12345678901</td>
                            <td title="123456@qq.com">123456@qq.com</td>
                            <td>1995/01/01</td>
                            <td title="厦门市软件园2期望海路65号北楼9层朗新科技股份有限公司">厦门市软件园2期望海路65号北楼9层朗新科技股份有限公司</td>
                            <td>
                                <a href="#">修改</a>
                            </td>
                        </tr>
                        <tr>
                            <td>20150003</td>
                            <td>Bangalore</td>
                            <td>男</td>
                            <td>12345678901</td>
                            <td title="123456@qq.com">123456@qq.com</td>
                            <td>1995/01/01</td>
                            <td title="厦门市软件园2期望海路65号北楼9层朗新科技股份有限公司">厦门市软件园2期望海路65号北楼9层朗新科技股份有限公司</td>
                            <td>
                                <a href="#">修改</a>
                            </td>
                        </tr>
                        <tr>
                            <td>20150003</td>
                            <td>Bangalore</td>
                            <td>男</td>
                            <td>12345678901</td>
                            <td title="123456@qq.com">123456@qq.com</td>
                            <td>1995/01/01</td>
                            <td title="厦门市软件园2期望海路65号北楼9层朗新科技股份有限公司">厦门市软件园2期望海路65号北楼9层朗新科技股份有限公司</td>
                            <td>
                                <a href="#">修改</a>
                            </td>
                        </tr>
                        <tr>
                            <td>20150003</td>
                            <td>Bangalore</td>
                            <td>男</td>
                            <td>12345678901</td>
                            <td title="123456@qq.com">123456@qq.com</td>
                            <td>1995/01/01</td>
                            <td title="厦门市软件园2期望海路65号北楼9层朗新科技股份有限公司">厦门市软件园2期望海路65号北楼9层朗新科技股份有限公司</td>
                            <td>
                                <a href="#">修改</a>
                            </td>
                        </tr>
                        <tr>
                            <td>20150003</td>
                            <td>Bangalore</td>
                            <td>男</td>
                            <td>12345678901</td>
                            <td title="123456@qq.com">123456@qq.com</td>
                            <td>1995/01/01</td>
                            <td title="厦门市软件园2期望海路65号北楼9层朗新科技股份有限公司">厦门市软件园2期望海路65号北楼9层朗新科技股份有限公司</td>
                            <td>
                                <a href="#">修改</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    </form>


                </div>
            </div>
            <!--分页开始-->
            <div class="row">
                <div class="col-md-12" style="text-align: center;">
                    <ul class="pagination">
                        <li><a href="#">&laquo;</a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li class="disabled"><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">&raquo;</a></li>
                    </ul>
                </div>
            </div>
            <!--分页结束-->
        </div>
        <!--右侧正文内容结束-->
        <div class="col-md-1">
        </div>
    </div>
    <!--<div id="bottom"></div>-->

    <!-- 模态框（Modal） -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">
                        用户信息
                    </h4>
                </div>
                <form class="form-horizontal" action="sads">
                    <div class="modal-body">

                        <div class="form-group">
                            <label for="inputName" class="col-sm-2 control-label">姓名</label>

                            <div class="col-sm-10">
                                <input type="name" class="form-control" name="name" id="inputName" placeholder="姓名">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">性别</label>

                            <div class="col-sm-10">
                                <div class="radio">
                                    <label>
                                        <input type="radio" name="sexRadios" value="M">
                                        男
                                    </label>
                                    <label>
                                        <input type="radio" name="sexRadios" value="F">
                                        女
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputPhone" class="col-sm-2 control-label">手机号</label>

                            <div class="col-sm-10">
                                <input type="tel" class="form-control" id="inputPhone" placeholder="手机号（作为登录帐号）">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputEmail" class="col-sm-2 control-label">邮箱</label>

                            <div class="col-sm-10">
                                <input type="email" class="form-control" id="inputEmail" placeholder="邮箱帐号">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputBirthday" class="col-sm-2 control-label">生日</label>

                            <div class="col-sm-10">
                                <input type="password" class="form-control" id="inputBirthday" placeholder="用户生日">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputAddress" class="col-sm-2 control-label">地址</label>

                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="inputAddress" placeholder="用户住址">
                            </div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="submit" class="btn btn-primary"> 确定添加</button>
                    </div>
                </form>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal -->
    </div>
</div>
</body>
</html>